/*=================================中小型笔记本或大平板 laptop /*=================================*/
     @media screen and (max-width: 1200px) {}



















     /*=================================手机或小平板 phone=============================== */
     @media screen and (max-width: 767px) {

         .menu {
             display: block;
             float: right;
         }

         .menu_down {
             position: absolute;
             left: 0;
             top: 100%;
             z-index: 9999999;
             width: 100%;
             padding-bottom: 22px;
         }

         .menu_down li {
             line-height: 45px;
             text-align: left;
             background: #fff;
             margin-bottom: 1px;
             border-bottom: 1px solid #ececec
         }

         .menu_down li.active {
             background: #053879;
             border-color: #053879;
         }

         .menu_down li.active a {
             color: #fff;
         }

         .menu_down li a {
             display: block;
             font-size: 14px;
             color: #666;
             padding-left: 20px;
         }

         .menu span.icon-bar {
             background: #000;
             width: 26px;
             height: 2px;
             display: block;
             -webkit-transition: all 300ms ease-out;
             -moz-transition: all 300ms ease-out;
             transition: all 300ms ease-out;
         }

         .menu .sr-only {
             display: none;
         }

         .menu .icon-bar:nth-child(2) {
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
         }

         .menu .icon-bar:nth-child(3) {
             margin-top: 8px;
             -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
             -ms-transform: scale(1, 1);
             transform: scale(1, 1);
             -webkit-transform-origin: center center;
             -moz-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
         }

         .menu .icon-bar:nth-child(4) {
             margin-top: 8px;
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
         }

         .xz .icon-bar:nth-child(2) {
             -webkit-transform: rotate(45deg) translate(4px, -3px);
             -moz-transform: rotate(45deg) translate(4px, -3px);
             -ms-transform: rotate(45deg) translate(4px, -3px);
             transform: rotate(45deg) translate(4px, -3px);
             transform-origin: 0 0;
         }

         .xz .icon-bar:nth-child(3) {
             opacity: 0;
         }

         .xz .icon-bar:nth-child(4) {
             -webkit-transform: rotate(-45deg) translate(3px, 2px);
             -moz-transform: rotate(-45deg) translate(3px, 2px);
             -ms-transform: rotate(-45deg) translate(3px, 2px);
             transform: rotate(-45deg) translate(3px, 2px);
         }

         .nav {
             display: none;
         }

         .header {
             position: relative;
             height: 60px;
         }

         .w1170 {
             width: 92%;
             margin: 0 auto;
             height: inherit;
         }

         .banner {
             height: 150px;
         }

         .title .img {
             width: 157px;
             height: 55px;
             left: calc(50% - 85px);
             top: 0;
         }

         .module_page {
             padding: 8% 0;
         }

         .title h3 {
             font-size: 17px;
         }

         .title p {
             padding-top: 5px;
             font-size: 12px;
         }

         .mod4 ul {
             -webkit-flex-wrap: wrap;
             flex-wrap: wrap;
         }

         .pro_list li {
             width: 50%;
             height: 160px;
         }

         .pro_list li figure {
             height: 110px;
         }

         .index_page2 {
             display: none;
         }

         .index_page3 {
             display: none;
         }

         .idea_list li {
             width: 33.33%;
         }

         .idea_list li p {
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;
             height: 24px;
             line-height: 24px;
             font-size: 14px;
             margin-top: 8px;
         }

         .idea_list li img {
             width: 40px;
             height: 40px;
             border: 1px solid #fff;
             border-radius: 40px;

         }

         .module_page4 {
             padding-top: 20px;
             height: 108px;
         }

         .module_page5 {
             background: #fff;
         }

         .pro_list2 {
             margin-top: 6%;
         }

         .pro_list2 li figure {
             border: 1px solid #ddd;
         }

         .index_page6 {
             display: none;
         }

         .index_page7 {
             display: none;
         }

         .index_page8 {
             display: none;
         }

         .footer {
             display: none;
         }

         .copy a img {
             display: none;
         }

         .copy {
             width: 92%;
             margin: 0 auto;
             line-height: 1.8;
             padding: 10px 0;
         }

         .module {
             margin-bottom: 60px;
         }

         .mobile_footer {
             display: block;
         }

         .in_about {
             -webkit-flex-wrap: wrap;
             flex-wrap: wrap;
             margin-top: 6%;
         }

         .in_about figcaption {
             width: 100%;
         }

         .in_about figure {
             width: 100%;
             height: 160px;
             margin-top: 6%;
         }

         .our_list {
             margin: 6% 0 0 0;
         }

         .our_list li {
             width: 25%;
             background: none;
             padding: 0 4%;
             height: auto;
         }

         .our_list li p {
             font-size: 12px;
             padding-top: 15px;
             line-height: 1.8;
         }

         .our_list li img {
             width: 45px;
             height: 45px;
         }

         .about_page {
             padding: 8% 0;
         }

         .honor_list li {
             width: 48%;
             margin-right: 4%;
             margin-bottom: 4%;
         }

         .honor_list li:nth-child(2n) {
             margin-right: 0;
         }

         .honor_list {
             margin-top: 6%;
         }

         .text-center {
             margin-bottom: 0;
             margin-top: 6%;
         }

         .pro_right {
             display: none;
         }

         .product_page {
             background: #fff;
         }

         .pro_left {
            width: 100%;
             padding: 0;
         }

         .deta_pic {
             padding: 0;
             -webkit-flex-wrap: wrap;
             flex-wrap: wrap;
         }

         .deta_pic figure {
             width: 100%;
             height: 345px;
         }

         .deta_pic figcaption {
             padding: 0;
             width: 100%;
             margin-top: 5%;
         }

         .deta_content_name h3 {
             font-size: 22px;
             line-height: 30px;
         }

         .news_list2 {
             margin: 6% 0 8% 0;
         }

         .news_list2 li a span.news_name {
             font-size: 14px;
         }

         .news_list2 li a span.time {
             font-size: 14px;
         }

         .pro_list2 li figure img {
             height: 100%;
         }

         .recive_list li figcaption {
             display: none;
         }

         .recive_list li figure {
             width: 100%;
         }

         .recive_list li {
             width: 48%;
             margin-right: 4%;
             margin-bottom: 4%;
             height: 130px;
         }

         .recive_list li:nth-child(2n) {
             margin-right: 0;
         }

         .recive_list li figure img {
             width: 45px;
             height: 45px;
         }

         .recive_list li figure p {
             display: block;
         }

         .recive_list li figure {
             display: initial;
             text-align: center;
         }

         .recive_list {
             margin-top: 6%;
         }

         .recive_page1 {
             padding: 8% 0 5% 0;
         }

         .recive_page2 {
             padding: 8% 0;
         }

         .mod3 ul {
             -webkit-flex-wrap: wrap;
             flex-wrap: wrap;
         }

         .case_list li {
             width: 100%;
             margin-right: 0;
             display: -webkit-flex;
             display: flex;
             -webkit-align-items: center;
             align-items: center;
             margin-bottom: 5%;
         }

         .case_list li figcaption {
             width: 63%;
             padding-left: 4%;
         }

         .case_list li figcaption h3 {
             font-size: 16px;
             margin: 0;
         }

         .case_list li figcaption p {
             font-size: 12px;
             line-height: 24px;
         }

         .case_list li figure {
             width: 37%;
             height: 84px;
         }

         .case_list {
             margin-top: 6%;
         }

         .contact_list li {
             width: 48%;
             margin-right: 4%;
             margin-bottom: 4%;
             border: 1px solid #ddd;
             padding: 6% 0 5% 0;
         }

         .contact_list li:nth-child(2n) {
             margin-right: 0;
         }

         .contact_list li img {
             width: 40px;
         }

         .contact_list li p {
             font-size: 14px;
             line-height: 1.4;
         }

         .contact_page1 {
             padding: 8% 0;
         }

         .map {
             width: 100%;
             height: 200px;
             margin-top: 6%;
         }

         .ntable {
             width: 100%;
             overflow-x: scroll;
             position: relative;
         }

         .finger {
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             display: block;
             background: rgba(0, 0, 0, .3);
             text-align: center;
             padding-top: 20%;
             vertical-align: middle;
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box;
             display: block;
         }

         .finger img {
             width: 100px;
         }
     }